<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>默认显示</title>
		<style type="text/css">
			#xiaokuan {
				background: #FD0019;
				width: 100px;
				height: 100px;
				margin: 10px auto;
			}
			#dakuan{
				display: none;
				background: #DB7093;
				width: 300px;
				height: 300px;
				margin: 10px auto;
			}
		</style>
	</head>

	<body>
		<div id="xiaokuan"> </div>
		<div id="dakuan">

		</div>
		<script type="text/javascript">
			 function time() {
				var a = document.getElementById("xiaokuan");
				var b = document.getElementById("dakuan");
				a.onmouseover = function() {
					b.style.display = "none";
				};
				a.onmouseout = function() {
					b.style.display = "block";
					
				};
			};
			window.setInterval('time()', 1000);
		</script>
	</body>

</html>